<template id="orderSuccess">
    <div>
        <div class="orderSuccess_top">
            <h3>交易成功</h3>
            <img src="../image/dayu.jpg" alt="" @click="getOrderSuccess()">
        </div>
        <div class="orderSuccess_img">
            <img  src="../image/suc.jpg" alt="">
        </div>
        <div class="orderSuccess_foot">
            <span>评论赚积分</span>
            <span @click="successfulTrade()">查看订单</span>

        </div>
           <div class="p_w">

           </div>
    </div>
</template>
<script>

    export default {
        name:'orderSuccess',
        methods:{
            successfulTrade:function(){
                this.$router.push('/successfulTrade')
            },
            getOrderSuccess:function(){
                window.history.go(-1);
            }
        }

    }
</script>
<style>
    .p_w{
        width:100%;
        height:6.5rem;
        background:#f5f4f2;
    }
    .orderSuccess_foot span{
        display:block;
        width:1.76rem;
        height:0.53rem;
        border-radius:0.2rem;
        border:1px solid #bcbcbc;
        color:#828282;
        font-size:0.3rem;
        line-height:0.53rem;
        text-align:center;
        margin:0.57rem 0.5rem;
        flex:1;
    }
    .orderSuccess_foot{
        width:100%;
        height:1.6rem;
        border-bottom:1px solid #cfcecd;
        display:flex;
    }
    .orderSuccess_img{
        width:100%;
        height:1.35rem;
    }
    .orderSuccess_img img{
        width:6.4rem;
        height:1.35rem;
        display:block;
    }
    .orderSuccess_top h3{
        width:100%;
        height:0.79rem;
        line-height:0.79rem;
        text-align:center;
        color:#85a45a;
        font-size:0.28rem;
    }
    .orderSuccess_top img{
        display:block;
        position:absolute;
        height:0.37rem;
        width:0.31rem;
        left:0.27rem;
        top:0.25rem;
    }
    .orderSuccess_top{
        width:100%;
        height:0.79rem;
        border-bottom:1px solid #cfcecd;
        position:relative;
    }
</style>